<template lang="html">
  <div class="onlyformem">
      <ul>
        <li class="container">
          <img src="../assets/images/21100.png" alt="">
          <span class="span1">无损音乐专享</span>
          <span class="arrow"></span>
        </li>
        <li class="container">
          <img src="../assets/images/23100.png" alt="">
          <span class="span1">超清MV点播</span>
          <span class="arrow"></span>
        </li>
        <li class="container">
          <img src="../assets/images/0103.png" alt="">
          <span class="span1">双倍成长速度</span>
          <span class="arrow"></span>
        </li>
        <li class="container">
          <img src="../assets/images/21100.png" alt="">
          <span class="span1">无损音乐专享</span>
          <span class="arrow"></span>
        </li>
      </ul>
  </div>
</template>

<script>
export default {
  name:"onlyformem",
  data(){
    return{

    }
  }


}
</script>

<style scoped>
.onlyformem ul{
  list-style: none;
}
.container{
  width: 100%;
  height:1rem;
  box-sizing: border-box;
  padding: 0 .2rem;
  background-color: #fff;
  overflow: hidden;
}
.container img {
  height:1rem;
  width: 1rem;
  float: left;
}
.container .span1{
    display: inline-block;
    float: left;
    margin-top: 0.28rem;
    margin-left: .12rem;
}
.container .arrow{
    display: inline-block;
    float: right;
    width: .2rem;
    height:.36rem;
    background: url("../assets/images/icon-next20.png");
    margin-top: .28rem;
}
</style>
